<!doctype html>
<html class="fixed" xmlns:th="http://www.thymeleaf.org">
	<head>

		<!-- Basic -->
		<meta charset="UTF-8">

		<!-- Mobile Metas -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

		<!-- Web Fonts  -->
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light" rel="stylesheet" type="text/css">

		<!-- Vendor CSS -->
		<link rel="stylesheet" th:href="@{/vendor/bootstrap/css/bootstrap.css}" />
		<link rel="stylesheet" th:href="@{/vendor/font-awesome/css/font-awesome.css}" />
		<link rel="stylesheet" th:href="@{/vendor/magnific-popup/magnific-popup.css}" />
		<link rel="stylesheet" th:href="@{/vendor/bootstrap-datepicker/css/datepicker3.css}" />

		<!-- Theme CSS -->
		<link rel="stylesheet" th:href="@{/stylesheets/theme.css}" />

		<!-- Skin CSS -->
		<link rel="stylesheet" th:href="@{/stylesheets/skins/default.css}" />

		<!-- Theme Custom CSS -->
		<link rel="stylesheet" th:href="@{/stylesheets/theme-custom.css}">

		<!-- Head Libs -->
		<script th:src="@{/vendor/modernizr/modernizr.js}"></script>

	</head>
	<body>
		<!-- start: page -->
		<section class="body-sign">
			<div class="center-sign">
				<a href="/" class="logo pull-left">
					<img th:src="@{/images/logo.png}" height="54" alt="Porto Admin" />
				</a>

				<div class="panel panel-sign">
					<div class="panel-title-sign mt-xl text-right">
						<h2 class="title text-uppercase text-bold m-none"><i class="fa fa-user mr-xs"></i> 重置密码</h2>
					</div>
					<div class="panel-body">
						<div class="alert alert-info">
							<p class="m-none text-semibold h6">请输入账号，身份证号和手机号用于验证身份！</p>
						</div>

						<form th:action="@{/sign_recover}" method="post">
							<div class="form-group mb-none">
								<div class="input-group">
									<input name="id" type="text" placeholder="账号" class="form-control input-lg" th:value="${id}" />
									<input name="card" type="text" placeholder="身份证号" class="form-control input-lg" th:value="${card}" />
									<input name="phone" type="text" placeholder="手机号" class="form-control input-lg" th:value="${phone}" />
									<input name="password" type="password" placeholder="新密码" class="form-control input-lg" />
									<span class="input-group-btn">
										<button class="btn btn-primary btn-lg" type="submit">重置密码</button>
									</span>
								</div>
								<p style="color:red;font-size: large;" th:text="${msg}"></p>
							</div>

							<p class="text-center mt-lg">记起密码了? <a th:href="@{index_login}">立即登陆</a>!
						</form>
					</div>
				</div>

				<p class="text-center text-muted mt-md mb-md">&copy; Copyright 2021. Graduation project. By students from <a href="http://www.hebtu.edu.cn/">Hebei Normal University</a>.</p>
			</div>
		</section>
		<!-- end: page -->

		<!-- Vendor -->
		<script th:src="@{/vendor/jquery/jquery.js}"></script>
		<script th:src="@{/vendor/jquery-browser-mobile/jquery.browser.mobile.js}"></script>
		<script th:src="@{/vendor/bootstrap/js/bootstrap.js}"></script>
		<script th:src="@{/vendor/nanoscroller/nanoscroller.js}"></script>
		<script th:src="@{/vendor/bootstrap-datepicker/js/bootstrap-datepicker.js}"></script>
		<script th:src="@{/vendor/magnific-popup/magnific-popup.js}"></script>
		<script th:src="@{/vendor/jquery-placeholder/jquery.placeholder.js}"></script>

		<!-- Theme Base, Components and Settings -->
		<script th:src="@{/javascripts/theme.js}"></script>

		<!-- Theme Custom -->
		<script th:src="@{/javascripts/theme.custom.js}"></script>

		<!-- Theme Initialization Files -->
		<script th:src="@{/javascripts/theme.init.js}"></script>

	</body>
</html>